$(function () {
    // var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
    var whdef = 100/916;// 表示1920的设计图,使用100PX的默认值
    var wH = window.innerHeight;// 当前窗口的高度
    var wW = window.innerWidth;// 当前窗口的宽度
    // var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    var rem = wH * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    $('html').css('font-size', rem + "px");

    // 召开会议情况
    load_ec1(0);
    load_ec2(0);
    load_ec3(0);

    // 总体情况
    //load_ec7(0);
    load_ec8(0);
    load_ec9(0);

    // 举办活动情况
    load_ec4(0);
    load_ec5(0);
    load_ec6(0);
}) ;

// 1每月会议召开情况
function load_ec1(type){
    myChart1.clear();
    option = {
        grid:{
            x:30,
            y:30,
            x2:10,
            height:'65%'
        },
        xAxis: {
            type: 'category',
            axisLabel:{
                interval:0,
                textStyle:{
                    color: '#6cbbe6'
                }
            },
            data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
        },
        yAxis: {
            type: 'value',
            axisLabel:{
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        series: [{
            data: [35, 38, 29, 34, 31, 28, 45, 50,57, 42, 58,55],
            type: 'line',
            itemStyle : {  
                normal : {  
                    lineStyle:{  
                        color:'#6cbbe6',
                        width: 8
                    }  
                }  
            }
        }]
    };
    myChart1.setOption(option);
}

// 2党组织会议召开情况
function load_ec2(type){
    myChart2.clear();

    var option = {
        dataset: {
            source: [
                ['amount', 'product'],
                [260, '直属党建工作部门'],
                [238, '第一党支部'],
                [220, '第二党支部'],
                [198, '第三党支部'],
                [167, '第四党支部'],
                [230, '第五党支部']
            ]
        },
        grid:{
            containLabel: true,
            x:30,
            y:20,
            x2:10,
            height:'85%'
        },
        xAxis: {
            name: 'amount',
            axisLabel:{
                interval:0,
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        yAxis: {
            type: 'category',
            axisLabel:{
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        
        series: [
            {
                type: 'bar',
                //barWidth:15,
                itemStyle: { 
                    normal:{ 
                    color: function (params){
                        var colorList = ['rgb(205,85,85)','rgb(210,105,30)','rgb(0,139,0)','rgb(178,58,238)','rgb(54,100,139)','rgb(154,120,139)'];
                        return colorList[params.dataIndex];
                    }
                    },
                },
                    
                encode: {
                    // Map the "amount" column to X axis.
                    x: 'amount',
                    // Map the "product" column to Y axis
                    y: 'product'
                }
            }
        ]
    };
    myChart2.setOption(option);
}

// 3会议签到率对比
function load_ec3(type){
    myChart3.clear();
    option = {
        legend: {
            type:'plain',
            orient: 'horizontal',
            top: 5,
            left: 'center',
            textStyle:{
                fontSize: 14,
                color: '#6cbbe6'
            }
        },
        tooltip: {},
        backgroundColor: 'rgba(255,255,255,0)',
        grid:{
            x:30,
            y:30,
            x2:10,
            height:'70%'
        },
        xAxis:[
            {
                type : 'category',
                data:['直属党建工作部门','第一党支部','第二党支部','第三党支部','第四党支部'],
                boundaryGap : true,
                axisLabel:{
                    textStyle:{
                        color: '#6cbbe6'
                    }
                }
            }
        ],
        yAxis: [
            {
                type : 'value',
                axisLabel:{
                    textStyle:{
                        color: '#6cbbe6'
                    }
                }
            }
        ],
        series: [
            {
                type: 'bar',
                barWidth:15, /* 柱子宽带 */
  	            barGap:'5%',/*多个并排柱子设置柱子之间的间距*/
  	            barCategoryGap:'5%',/*多个并排柱子设置柱子之间的间距*/

                data:[260,238,223,168,97]
            }
        ]
    };
    myChart3.setOption(option);
}

// 7情况统计
function load_ec7(type){

}


// 8年度会议目标达成
function load_ec8(type){
    myChart81.clear();
    myChart82.clear();
    myChart83.clear();
    myChart84.clear();

    option81 = {
        title:{
            text: '支部党员大会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//               restore: {},
//               saveAsImage: {}
//            }
        },
        series: [
            {
                name: '支部党员大会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#f00'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 75}]
            }
        ]
    };

    option82 = {
        title:{
            text: '支部委员会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '支部委员会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#ff0'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 80}]
            }
        ]
    };

    option83 = {
        title:{
            text: '党小组会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '党小组会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#00f'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 68}]
            }
        ]
    };

    option84 = {
        title:{
            text: '党课',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '党课',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#0f0'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 85}]
            }
        ]
    };
    myChart81.setOption(option81);
    myChart82.setOption(option82);
    myChart83.setOption(option83);
    myChart84.setOption(option84);
}

// 9年度活动目标达成
function load_ec9(type){
    myChart91.clear();
    myChart92.clear();
    myChart93.clear();
    myChart94.clear();

    option91 = {
        title:{
            text: '支部党员大会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '委部党员大会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#f00'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 78}]
            }
        ]
    };

    option92 = {
        title:{
            text: '支部委员会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '支部委员会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#ff0'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 83}]
            }
        ]
    };

    option93 = {
        title:{
            text: '党小组会',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '党小组会',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#00f'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 76}]
            }
        ]
    };

    option94 = {
        title:{
            text: '党课',
            bottom: 10,
           left:'center',
           textStyle:{
                //文字颜色
                color:'#3db3cb',
                //字体风格,'normal','italic','oblique'
                fontStyle:'normal',
                //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                fontWeight:'bold',
                //字体系列
                fontFamily:'sans-serif',
                //字体大小
        　　　　 fontSize:18
            }
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
//            feature: {
//                restore: {},
//                saveAsImage: {}
//            }
        },
        series: [
            {
                name: '党课',
                type: 'gauge',
                center: ["50%", "50%"], // 默认全局居中
                radius: "90%", //仪表大小
                axisLabel : { //文字样式（及“10”、“20”等文字样式）
                    color : "#3db3cb",
                    distance : -50 //文字离表盘的距离
                },
                splitLine: {//分隔线样式相关
                    length: 20,//分割线的长度
                    lineStyle: {
                        width:1,
                        color:'#000'
                    }
                },
                itemStyle:{//指针样式
                    normal:{
                        color:'#0f0'
                    }
                },
                axisLabel: {show:false}, // 隐藏刻度标签
                axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#DA462C" ],//0-50%处的颜色
                        [ 0.7, "#FF9618" ],//51%-70%处的颜色
                        [ 0.9, "#FFED44" ],//70%-90%处的颜色
                        [   1, "#20AE51" ] //90%-100%处的颜色
                    ],
                    width : 20//表盘宽度
                    }
                },
                   
                   
                detail: {formatter:'{value}%'},
                data: [{value: 88}]
            }
        ]
    };
    myChart91.setOption(option91);
    myChart92.setOption(option92);
    myChart93.setOption(option93);
    myChart94.setOption(option94);
}

// 4每月活动举办情况
function load_ec4(type){
    myChart4.clear();
    option = {
        grid:{
            x:30,
            y:30,
            x2:10,
            height:'70%'
        },
        xAxis: {
            type: 'category',
            axisLabel:{
                interval:0,
                textStyle:{
                    color: '#6cbbe6'
                }
            },
            data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
        },
        yAxis: {
            type: 'value',
            axisLabel:{
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        series: [{
            data: [41, 38, 30, 43, 46, 49, 54, 43, 41, 55, 58, 43],
            type: 'line',
            itemStyle : {  
                normal : {  
                    lineStyle:{  
                        color:'#bd9300',
                        width: 10
                    }  
                }  
            }
        }]
    };
    myChart4.setOption(option);
}

// 5党组织活动举办情况
function load_ec5(type){
    myChart5.clear();
    var option = {
        dataset: {
            source: [
                ['amount', 'product'],
                [260, '直属党建工作部门'],
                [238, '第一党支部'],
                [220, '第二党支部'],
                [198, '第三党支部'],
                [167, '第四党支部'],
                [230, '第五党支部']
            ]
        },
        grid:{
            containLabel: true,
            x:30,
            y:20,
            x2:10,
            height:'85%'
        },
        xAxis: {
            name: 'amount',
            axisLabel:{
                interval:0,
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        yAxis: {
            type: 'category',
            axisLabel:{
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        
        series: [
            {
                type: 'bar',
                //barWidth:15,
                itemStyle: { 
                    normal:{ 
                    color: function (params){
                        var colorList = ['rgb(205,85,85)','rgb(210,105,30)','rgb(0,139,0)','rgb(178,58,238)','rgb(54,100,139)','rgb(154,120,139)'];
                        return colorList[params.dataIndex];
                    }
                    },
                },
                encode: {
                    // Map the "amount" column to X axis.
                    x: 'amount',
                    // Map the "product" column to Y axis
                    y: 'product'
                }
            }
        ]
    };
    myChart5.setOption(option);
}

// 6最具人气活动
function load_ec6(type){
    myChart6.clear();
    var option = {
        dataset: {
            source: [
                ['score', 'amount', 'product'],
                [89.3, 212, '主题日'],
                [57.1, 254, '知识竞赛'],
                [74.4, 132, '大合唱'],
                [50.1, 255, '舞蹈'],
                [89.7, 145, '正文活动'],
                [68.1, 146, '送温暖献爱心'],
                [19.6, 182, '辩论赛'],
                [10.6, 152, '演讲赛'],
                [32.7, 112, '读书会']
            ]
        },
        grid:{
            containLabel: true,
            x:30,
            y:20,
            x2:10,
            height:'85%'
        },
        xAxis: {
            name: 'amount',
            axisLabel:{
                interval:0,
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        yAxis: {
            type: 'category',
            axisLabel:{
                textStyle:{
                    color: '#6cbbe6'
                }
            }
        },
        
        visualMap: {
            //orient: 'horizontal',
            top: 2,
            left: 0,
            min: 10,
            max: 100,
            text: ['高人气', '低人气'],
            // Map the score column to color
            dimension: 0,
            inRange: {
                color: ['#D7DA8B', '#E15457']
            },
            textStyle:{
                color: '#6cbbe6'
            }
        },
        
        series: [
            {
                type: 'bar',
                //barWidth:15,
                encode: {
                    // Map the "amount" column to X axis.
                    x: 'amount',
                    // Map the "product" column to Y axis
                    y: 'product'
                }
            }
        ]
    };
    
    myChart6.setOption(option);
}




